/* =====================1. 头部========================== */
#header{
    width: 100%;
    height: 49px;
    background: #313438;
    margin:  0 auto;
    /* min-width:100%; */
    z-index: 9999999999;
}
#header .header_i{
    width: 1200px;
    height: 100%;
    /*background-color: #2aabd2;*/
    margin: 0 auto;
}
/* =========(1) logo============= */
.header_i .logo{
    width: 147px;
    height: 100%;
    float: left;
    /*background-color: yellow;*/
}
.header_i .logo span{
    display: block;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: #5dd5c8; ;
    line-height: 46px;
}

/* ===========(2)头部导航=============== */
.nav{
    width:530px;
    height: 100%;
    /*background-color: coral;*/
    margin-left: 15px;
    float: left;
}

.nav ul{
    list-style: none; /*小黑点去除*/
    width: 100%;
    height: 100%;
}

.nav ul .menu_item{
    float: left;
    width: 66px;
    height: 100%;

}

.nav ul .menu_item a{
    display: block;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 14px;
    text-decoration: none;   /*去除超链接下划线*/
    line-height: 49px;/* 垂直居中 */
    text-align: center;/* 水平居中 */
}

.nav ul .menu_item a:hover{  /*鼠标悬浮*/
    color: #5dd5c8;
    font-weight: bold;
}



.nav ul  li:first-child{  /*ul 下面的第1个li元素*/
    color: #5dd5c8;

}

.nav ul  li:first-child a:hover{  /*ul 下面的第1个li元素*/
    color: white;


}
.nav ul  li:first-child a{       /*ul 下面的第1个li元素 下面的a 标签*/
    color: #5dd5c8;
}
/* ========(3) 头部登录区域=============== */
.login_info{
    width: 426px;
    height: 100%;
    /*border: 1px solid;*/
    float:left;
    margin-left: 80px;
}

.login_info .head_msg{
    width: 50%;
    height: 100%;
    /*background-color: brown;*/
    float: left;
    /*border: 1px solid;*/
    padding-left: 69px;
}

.head_msg .drop_trigger{
    color: white;
    text-decoration: none;
    font-size: 14px;

}

.head_msg ul{
    width: 100%;
    height: 100%;
    list-style: none;
    /*background-color: #2aabd2;*/
}

.drop_trigger .menu_item{
    float: left;
    width: 85px;
    height: 100%;
    text-align: center;
    line-height: 49px;
    margin-right: 20px;

}
.drop_trigger .menu_item:hover{
    color: #5dd5c8;
    font-weight: bold;
}

.head_user{
    width: 144px;
    height: 100%;
    /*background-color: yellow;*/
    float: right;
    /*border: 1px solid;*/

}
.head_user a{
    text-decoration: none;
    display:block;
    color: white;
    font-size: 14px;
    text-align: center;
    float: left;
    margin-top: 10px;
    width: 50px;
    height: 25px;
    line-height: 25px;
    margin-left: 20px;
    border: 1px solid  #5dd5c8;
    border-radius: 15px;
}

.head_user a:hover{
    color: #5dd5c8;
    font-weight: bold;
}

/*=======登陆之后=========*/
.login_info1{
    width: 426px;
    height: 100%;
    /*border: 1px solid;*/
    float:left;
    margin-left: 80px;
    line-height: 49px;
}
.login_info1 ul{
    /*display:  block;*/
    /*vertical-align: top;*/
    list-style: none;
    width: 100%;
    height: 100%;
    margin-left: 111px;
}
.login_info1 ul li{
    text-align: center;
    font-size: 14px;
    margin: 0 7px;
    vertical-align: top;
    width: 40px;
    height: 49px;
    float: left;
}
.login_info1 ul .menu_item>a:hover{
    color: #5dd5c8;
    font-weight: bold;
}
.login_info1 ul .menu_item .header_message .message_chat_num img{
    position: absolute;
    display: block;
    width: 27px;
    height: 27px;
    margin-left: 0px;
}

.login_info1 ul li>a{
    display: block;
    color: whitesmoke;
    height: 100%;
    width: 100%;
    text-decoration: none;
}


.login_info1 .header_figure{
    width: 200px;
    height: 100%;
/*    background-color: #414a60;*/
}
.header_figure .header_username img{
    width: 26px;
    height: 26px;
    display:block;
    float: right;
    border-radius: 100%;
    vertical-align: middle;
    margin-top: 12px;
    margin-right: 12px;
}

.login_info1 .dropdown{
    display: none;
    position: absolute;
    margin-left: 15px;
    width: 183px;
    top: 49px;
    z-index: 999999;
    text-align: left;
    box-shadow: 1px 2px 14px rgb(0 0 0 / 11%);
    background-color: #f2f5fa;

}
.dropdown a{
    position: relative;
    padding: 10px 25px;
    line-height: 22px;
    color: #414a60;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #f2f5fa;
    font-size: 14px;
    display: block;
    text-decoration: none;
}
.dropdown a span{
    display: block;
    font-size: 12px;
    color: #9fa3b0;
    line-height: 22px;
}

.dropdown a:hover{
    background-color: #e0e0e0;
}
.header_figure:hover .dropdown{
    display: block;
}

